Loading...

Only Free Services16

Next.js 14 - Consent Management & Analytics for free

Next.js 14 - Consent Management & Analytics for free

Consent Management can be expensive and complex, but with the right tools and guides, it's a no-brainer. This story will guide you through it powered by Piwik.

Algolia and Next.js 14 — Easy Integration as On-Site-Search at no cost

Algolia and Next.js 14 — Easy Integration as On-Site-Search at no cost

Every Blog needs a lightning-fast search and content filtering. Let’s use one of the best services in the market and combine it with a nice-looking Tag Cloud delivered in Milliseconds.

Nextjs Content Management, Quo Vadis?

Nextjs Content Management, Quo Vadis?

You plan to start a new business where you need to present your new products to a broader audience on a marketing website. Here you will find a complete guide.

Next.js 14 — Complete Example — Adding Internationalization / Multilanguage to our Blog based on Contentful/GraphQL — Part 5

Next.js 14 — Complete Example — Adding Internationalization / Multilanguage to our Blog based on Contentful/GraphQL — Part 5

In Part 5, we will add multilanguage support and a language switcher to our example Blog powered by Contentful and the GraphQL API. (Client/Server Components)

Next.js 14 - Working with Contentful Tags and TailwindCss

Next.js 14 - Working with Contentful Tags and TailwindCss

Contentful offers a great tagging system. I will show you how we can use it to cluster content by tags and expose new " tag pages," with the related content

Contentful and Next.js 14 - Easy Creation & Integration of New Content Types for Landing Pages

Contentful and Next.js 14 - Easy Creation & Integration of New Content Types for Landing Pages

Every Blog needs a nice-looking landing page. This step-by-step guide will add two new content types in Contentful and show the newly added data on our Next.js 14 blog project.

Extended content sync from Contentful to Algolia with Next.js 14

Extended content sync from Contentful to Algolia with Next.js 14

Enrich Contentful payload from webhook with Next.js 14 routes to push the needed data to Algolia. Extract Json from Rich-Text field to index the right content.

Improving Website Visibility: The Importance of Next.js SEO

Improving Website Visibility: The Importance of Next.js SEO

Server-side rendering (SSR) and static site generation (SSG) are at the core of Next.js’s SEO capabilities to support search engine crawlers

How to speed up your Next.js 14 website and improve your SEO ranking

How to speed up your Next.js 14 website and improve your SEO ranking

Page speed is a significant ranking factor for search engines. Next.js offers various features to improve your site’s loading times like optimized image loading.

Next.js 14 - Complete Example - Typescript / App Router / Contentful with GraphQL - Part 1

Next.js 14 - Complete Example - Typescript / App Router / Contentful with GraphQL - Part 1

Let’s create a completely new website powered with next.js 14, Contentful, and Typescript

Next.js 14 - Complete Example - Custom 404 Page / Loading UI / TailwindCss (ExtraColors) — Part 4

Next.js 14 - Complete Example - Custom 404 Page / Loading UI / TailwindCss (ExtraColors) — Part 4

In Part 4 we are going to add a custom 404 page, a loading UI (SVG Spinner) and we add some extra colors to our tailwind.config.ts

Next.js 14 - Complete Example - Header / Footer / Tailwindcss / Contentful - Part 3

Next.js 14 - Complete Example - Header / Footer / Tailwindcss / Contentful - Part 3

Now we have reached part 3 and we will add a header and a footer component, as well as the so-called draft/preview functionality offered by Contentful. Not to forget the nowadays mandatory dark mode toggle.

Next.js 14 - Complete Example - Typescript / Tailwindcss / Contentful - Part 2

Next.js 14 - Complete Example - Typescript / Tailwindcss / Contentful - Part 2

Let's dig deeper and build a nice UI on our Nextjs foundation with the help of Tailwindcss/Contentful

Next.js 14-Caching/Revalidation-Real-world example with CMS

Next.js 14-Caching/Revalidation-Real-world example with CMS

I will guide you through the possibilities of caching and revalidation in Nextjs 14. I will use Contentful as a headless CMS for content management.

Next.js 14 - Easy TOC creation and Code block highlight

Next.js 14 - Easy TOC creation and Code block highlight

Structuring your content is great for your users and Search Engines, but sometimes, it leads to much work for the Authors/Editors, so let's automate it.

Nodejs + NVM (Node Version Manager) - The great team

Nodejs + NVM (Node Version Manager) - The great team

Installing and using NVM (Node Version Manager)